<div id="example2container" class="example-container">
  <input
    class="placeholder-input"
    type="text"
    name="focusable-text-input"
    placeholder="Focusable top text input"
  />

  <div id="example2"></div>

  <input
    class="placeholder-input"
    type="text"
    name="focusable-text-input"
    placeholder="Focusable bottom text input"
  />

  <h4>Debug Information:</h4>
  <table class="debug-table">
    <colgroup>
      <col>
      <col style="width: 200px">
    </colgroup>
    <tbody>
      <tr>
        <td>
          <code>isListening()</code>
        </td>
        <td><code class="isListening">false</code></td>
      </tr>
      <tr>
        <td>
          <code>getFocusScopeManager().getActiveScopeId()</code>
        </td>
        <td><code class="focusScope">null</code></td>
      </tr>
      <tr>
        <td>
          <code>getShortcutManager().getActiveContextName()</code>
        </td>
        <td><code class="shortcutsContext">null</code></td>
      </tr>
    </tbody>
  </table>
</div>
